<script lang="ts">
  export let size = "1em";
  export let gradient = false;
</script>

<svg
  height={size}
  viewBox="0 0 84 84"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M0 4.83453C0 2.16449 2.16449 0 4.83453 0H79.1655C81.8355 0 84 2.16449 84 4.83453V79.1655C84 81.8355 81.8355 84 79.1655 84H4.83453C2.16449 84 0 81.8355 0 79.1655V4.83453Z"
    fill={gradient ? "url(#paint0_linear_1987_35631)" : "#3524C7"}
  />
  <path d="M50.3316 23.5693H42.8533V30.456H50.3316V23.5693Z" fill="white" />
  <path
    d="M63.3208 23.5693L63.3475 60.4324H70.8558V23.5693H63.3208Z"
    fill="white"
  />
  <path
    d="M53.0846 60.4324H60.5945V23.5693H53.0596L53.0846 60.4324Z"
    fill="white"
  />
  <path
    d="M37.6095 43.4543C39.4212 41.2843 40.3278 38.746 40.3278 35.8393C40.3278 32.1793 39.1795 29.221 36.8845 26.9593C34.5879 24.6993 31.5029 23.5693 27.6279 23.5693H10.7263L14.6096 31.211H26.3896C28.1829 31.211 29.5546 31.6693 30.5062 32.5826C31.4562 33.4976 31.9329 34.691 31.9329 36.161C31.9329 37.631 31.4129 38.7709 30.3729 39.6859C29.3312 40.6009 27.9146 41.0576 26.1212 41.0576H13.3046V47.8926V60.4309H20.2546V47.8926L31.1246 60.4309H41.9945L30.2629 47.6226C33.3479 47.0126 35.7962 45.6226 37.6079 43.4526L37.6095 43.4543Z"
    fill="white"
  />
  <path d="M50.3316 33.1846H42.8533V60.4328H50.3316V33.1846Z" fill="white" />
  {#if gradient}
    <defs>
      <linearGradient
        id="paint0_linear_1987_35631"
        x1="42"
        y1="0"
        x2="42"
        y2="84"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#757EFF" />
        <stop offset="1" stop-color="#5655FF" />
      </linearGradient>
    </defs>
  {/if}
</svg>
